<template>
  <div class="inline-flex" :style="{ width: size + 'px', height: size + 'px' }" :class="className">
    <component :is="icon" />
  </div>
</template>

<script>
export default {
  name: 'Icon',
  props: {
    icon: {
      type: Object,
      required: true
    },
    size: {
      type: [Number, String],
      default: 24
    },
    className: {
      type: String,
      default: ''
    }
  }
}
</script> 